var localKey = 'local-search';
window.is_overlay_show = false;

$(function() {
    $('.search input').val('');
    
	gloading.start();
	new Pagination().render({
          url: '/menu/list',
          target: $('body'),
          autoScroll: true,
          page: 1,
          limit: 20,
          params: { },
          callback: function(data, page) {
              // refresh ui
              refreshUI(data.items);
			  gloading.stop();
          }.bind(this)
      });

}());

function refreshUI(items) {
	items.forEach(function(item) {
        if(item.id != window.rec.id) {
            var $el = $($('#item-tpl').html());
            $el.find('a').attr('href','/menu/'+item.id);
            $el.find('img').attr('src', item.thumbnail);
            $el.find('.explain .name').text(item.title);
            $el.find('.visible .num').text(item.viewCount);
            $el.find('.love .num').text(item.praiseCount);
            $('.items').append($el);
        }
  	});

    $('.page-menu-list').show();
}

/**
 * 添加到本地存储
 */
function saveToLocalStore(href, name) {
    var s = window.localStorage;
    var tmp = s.getItem(localKey);
    var arr = null;
    if(tmp){
        arr = JSON.parse(tmp);
    }else{
        arr = [];
    }
    var item = {
        title:name,
        id:href
    };
    for(var i=0;i<arr.length;i++){
        if(arr[i].title == item.title){
            return;
        } else {
            if(arr[9]) {
                arr.pop();
            }
        }
    }
    arr.unshift(item);
    s.setItem(localKey, JSON.stringify(arr));
}

/**
 * 取出本地存储
 */
function getLocalStore() {
    var s = window.localStorage;
    return s.getItem(localKey);
}

/**
 * 清空存储
 * **/
function clearstore() {
    var s = window.localStorage;
    s.setItem(localKey,"[]");
    appendMenutItem([],false);
}

/**
 * 存储记录
 * **/
function setname(name, href) {
    href = href.replace(/\/menu\//g,'');
    saveToLocalStore(href,name);
}

/**
 * 开始搜索
 */
function appendMenutItem(items, isSearch) {
    var $menus = $('.menu-overlay .log');
    if(isSearch) {
        $menus.find('.first').hide();
    } else {
        $menus.find('.first').show();
    }
    $menus.find('li:not(.first)').remove();


    items.forEach(function(item) {
        var $item = $($('#menu-item-tpl').html());
        $item.find('a').attr('href','/menu/'+item.id);
        $item.find('a').attr('onclick','setname("' + item.title + '","' + "/menu/"+item.id + '")');
        $item.find('a').text(item.title);
        $menus.append($item);
    });
}

/**
 * 点击搜索框
 */
function clickMenu(e) {
    var height = $('.items li').eq(0).height();
    var el = $( $('.menu-overlay'));
    el.css('margin-top',height+"px");
    if(window.is_overlay_show) {
        if($(e.target).closest(".search").length == 0 && $(e.target).closest(".inner").length == 0) {
            el.hide();
            window.is_overlay_show = false;
            $('.search input').val('');
            $('body').css('overflow','auto');
        }
    } else {
        el.show();
        window.is_overlay_show = true;
        $('body').css('overflow','hidden');
        var tmp = getLocalStore();
        var result = JSON.parse(tmp);
        appendMenutItem(result,false);
    }
}

/**
 * 点击开始搜索
 */
function onSearch(event) {
    var $menus = $('.markets-overlay .log');
    $menus.empty();
//    var sitems = [];
    var v = $(event.target).val();
    if(!v) {
        // 显示历史记录
        var tmp = getLocalStore();
        var result = JSON.parse(tmp);
        appendMenutItem(result,false);
    } else {
        ghttp.get('/menu/list', { keyword: v }, function(resp) {
            if(resp.success) {
                var items = resp.result.items;
//            items.forEach(function(item) {
//                if (item.title.indexOf(v) !== -1) {
//                    sitems.push(item);
//                }
//            });
                appendMenutItem(items, true);
            }
        });
    }


}
/***
 * 点赞
 **/
// function like(e){
//     var $target = $(e.currentTarget);
//     $target.addClass('liked');
// }
